<template>
  <div class="common-layout">
    <el-container>
      <el-header>
        <header-component></header-component>
      </el-header>
      <el-container>
        <el-aside width="200px">
          <menu-component></menu-component>
        </el-aside>
        <el-container>
          <el-main>
            <router-view></router-view>
          </el-main>
        </el-container>

      </el-container>
      <el-footer>
        <footer-component></footer-component>
      </el-footer>
    </el-container>
  </div>
</template>
<script>
import HeaderComponent from '@/components/HeaderComponent.vue'
import FooterComponent from '@/components/FooterComponent.vue'
import MenuComponent from '@/components/MenuComponent.vue'


export default {
  components: {
    HeaderComponent,
    FooterComponent,
    MenuComponent
  }
}
</script>
<style lang="scss">

</style>